<template>
	<view class="videoPae">
		<!-- 自定义tabbar -->
		<view class="tabbar">
			<topBar :barTit='barTit'></topBar>
		</view>
		<!-- 筛选 -->
		<view class="root">
		    <ren-dropdown-filter :filterData='filterData' :defaultIndex='defaultIndex'
		    @ed='ed' @dateChange='dateChange'></ren-dropdown-filter>
		</view>
		<!-- 底部导航 -->
		<hans-tabber :list="list" :current="current" style="position:fixed;bottom:0;width:100%;left:0;right:0;"
			@tabChange="tabChange"></hans-tabber>
	</view>
</template>

<script>
	import topBar from '../../components/topNavBar.vue'
	import hansTabber from '../../components/hans-tabbar/hans-tabbar.vue'
	export default {
		components:{
			topBar,
			hansTabber
		},
		data() {
			return {
				filterData: [
					[{
						text: '全部分类',
						value: ''
					}, {
						text: '展览',
						value: 1
					}, {
						text: '亲子',
						value: 2
					}, {
						text: '培训',
						value: 3
					}],
					[{
						text: '全部状态',
						value: ''
					}, {
						text: '热门',
						value: 1
					}, {
						text: '最新',
						value: 2
					}, {
						text: '即将结束',
						value: 3
					}],
					[{
						text: '智能排序',
						value: ''
					}, {
						text: '热门',
						value: 1
					}, {
						text: '最新',
						value: 2
					}, {
						text: '即将结束',
						value: 3
					}]
				],
				defaultIndex: [0, 0,0],
				barTit:'文化云 · 直播',
				current: 3,
				list: [{
						"text": "首页",
						"iconPath": '../../static/images/index1.png',
						"selectedIconPath": '../../static/images/index.png'
					},
					{
						"text": "球馆",
						"iconPath": '../../static/images/dq.png',
						"selectedIconPath": '../../static/images/dq1.png'
					},
					{
						"text": "",
						"iconPath": '../../static/images/bx.png',
						"selectedIconPath": '../../static/images/bx.png'
					},
					{
						"text": "视频",
						"iconPath": '../../static/images/video.png',
						"selectedIconPath": '../../static/images/video1.png'
					},
					{
						"text": "我的",
						"iconPath": '../../static/images/my.png',
						"selectedIconPath": '../../static/images/my1.png'
					}
				],
			}
		},
		methods: {
			tabChange(index) {
				if (index == 0) {
					uni.redirectTo({
						url: '/pages/index/index'
					})
				} else if (index == 1) {
					uni.redirectTo({
						url: '/pages/venue/venue'
					})
				} else if (index == 2) {
					uni.redirectTo({
						url: '/pages/peopleOrder/peopleOrder'
					})
				} else if (index == 3) {
					uni.redirectTo({
						url: '/pages/videoPage/videoPage'
					})
				} else if (index == 4) {
					uni.redirectTo({
						url: '/pages/mine/mine'
					})
				}
			},
		}
	}
</script>

<style scoped lang="scss" src="./index.scss">

</style>
<style>
	 @import url('../../static/css/public.css')
</style>
